<!DOCTYPE HTML>
<html>

<head>
	<title>Krastev.it</title>
	<meta name="description" content="Krastev family blog" />
	<meta name="keywords" content="Krastev, family blog, html5, Ivo, Galin, Krasimir," />
	<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
	<link rel="stylesheet" type="text/css" href="style/style.css" title="style" />
</head>

<body>
	<header>
		<div id="logo">
			<div id="logo_text">
				<h1><a href="index.html">Krastev<span class="logo_colour">.it</span></a></h1>
				<h2>Krastev family blog</h2>
			</div>
		</div>
		<nav id="menubar">
			<ul id="menu">
				<li><a href="index_en.html">Home</a></li>
				<li><a href="examples_en.html">Examples</a></li>
				<li><a href="page_en.html">A Page</a></li>
				<li><a href="another_page_en.html">Another Page</a></li>
				<li class="selected"><a href="contact_en.html">Contact Us</a></li>
			</ul>
			<ul id="translation">
				<li><a href="contact_bg.html"><img src="style/bg.gif" /></a></li>
				<li><a href="contact_en.html"><img src="style/uk.gif" /></a></li>
			</ul>
		</nav>
	</header>
	
	<section id="site_content">
		<aside>
			<h3>Latest News</h3>
			<h4>New Website Launched</h4>
			<h5>January 1st, 2010</h5>
			<p>2010 sees the redesign of our website. Take a look around and let us know what you think.<br /><a href="#">Read more</a></p>
			<p></p>
			<h4>New Website Launched</h4>
			<h5>January 1st, 2010</h5>
			<p>2010 sees the redesign of our website. Take a look around and let us know what you think.<br /><a href="#">Read more</a></p>
			<h3>Useful Links</h3>
			<ul>
				<li><a href="#">link 1</a></li>
				<li><a href="#">link 2</a></li>
				<li><a href="#">link 3</a></li>
				<li><a href="#">link 4</a></li>
			</ul>
			<h3>Search</h3>
			<form method="post" action="#" id="search_form">
			<p>
				<input class="search" type="text" name="search_field" value="Enter keywords....." />
				<input name="search" type="image" style="border: 0; margin: 0 0 -9px 5px;" src="style/search.png" alt="Search" title="Search" />
			</p>
			</form>
		</aside>
		<article id="content">
			<!-- insert the page content here -->
			<h1>Contact Us</h1>
			<p>Below is an example of how a contact form might look with this template:</p>
			<form action="#" method="post">
			<div class="form_settings">
				<p><span>Name</span><input class="contact" type="text" name="your_name" value="" /></p>
				<p><span>Email Address</span><input class="contact" type="text" name="your_email" value="" /></p>
				<p><span>Message</span><textarea class="contact textarea" rows="8" cols="50" name="your_enquiry"></textarea></p>
				<p style="padding-top: 15px"><span>&nbsp;</span><input class="submit" type="submit" name="contact_submitted" value="submit" /></p>
			</div>
			</form>
			<p><br /><br />NOTE: A contact form such as this would require some way of emailing the input to an email address.</p>
		</article>
	</section>

	<footer>
	Copyright &copy; colour_orange | <a href="http://validator.w3.org/check?uri=referer">HTML5</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | <a href="#">designed by Krastev</a>
	</footer>
</body>
</html>
